<template>
	<!-- <div class="pic">
    <img src="@/assets/images/welcome.png" alt="">
  </div> -->
	<div class="container">
		<div class="welcome-text">
			<h1 style="width: 100vh; display: flex">欢迎来到一面！！</h1>
		</div>
	</div>
</template>
<script lang="ts">
import useUserStore from '@/store/modules/user'
import { ref } from 'vue'
const userName = ref('')
const useStore = useUserStore()
userName.value = useStore.userId
</script>
<style scoped>
/* .el-carousel__item h3 {
	display: flex;
	color: #475669;
	opacity: 0.75;
	line-height: 300px;
	margin: 0;
}

.el-carousel__item:nth-child(2n) {
	background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
	background-color: #d3dce6;
} */
h1 {
	font-size: 50px;
	color: #475669;
	opacity: 0.75;
	line-height: 300px;
	margin: 0;
	padding-left: 40%;
	width: 100%;
	text-align: center;
}
.container {
	height: 100%;
	width: 100%;
	position: relative;
	top: 0;
	bottom: 0;

	right: 0;
	margin: auto;
}
.pic {
	width: 1400px;
	height: 600px;
}
</style>
